$(document).ready(function(){
	
		
		$('.panelimg').each(function(index){
		
			console.log($('.panelimg').length+":"+index);
			
			$('<div></div>').appendTo('.panel_controll')
			.addClass('controll')
			.attr("index",(index+1))
			.click(function(event){
				
				var $index =  $(this).attr('index');
				
				$('.slide_panel').animate({
					
						'left': imgWidth*($index)+"px"
						
				},800);
				
				$(".controll").removeClass('currnt');
				$(this).addClass('currnt');
				
			});
		
			$(this).click(function(){
					
					console.log('click the img..');
					$(".controll").each(function(index2){
						
						console.log("index2:"+index2+"——index:"+index);
						
						if(index2==index){
							$(".controll").removeClass('currnt');
							$(this).addClass('currnt');
						
						}
						
					});
					
					$('.slide_panel').animate({
					
						'left': imgWidth*(index+1)+"px"
						
					},800);
					
				
			});
			
		});
		
		/**标记注册表单是否容许被提交*/
		var accept_regist = true;
		
		$('#regist_form').submit(function(){
			
			var accept_regist = true;
			$(".input_text").blur();
			if(accept_regist){
				
				$.post('saveuser',$(this).find('input').serialize(),function(data){
					
					//To do 用户注册
					if(data=='true'){
						
						alert('用户注册成功');
					}else if(data=='false'){
						
						alert('用户注册失败');
					}else{
						
						alert('请检查表单内容！');
						
					}
					
				});
			}
			
			return false;
	
		});
		
		/**注册表单验证*/
	    $(".input_text").blur(function(){
	    	
	    	var $input = $(this);
	    	var that = this;
	    	console.log('blur');
	    	if(this.value==''){
	    		
	    		$input.next('span').remove();
	    		var errorMessage = ' ✗该项不能为空';
	    		$('<span></span>')
	    		.text(errorMessage)
	    		.addClass('reg_msg')
	    		.addClass('reg_error')
	    		.insertAfter(this);
	    		
	    	}else{
	    		
	    		$input.next('span').remove();
	    		if($input.attr('id')=='display_name'){
	    			
	    			/**验证用户名唯一性*/
	    			$.post('checkusername',{'username':$input.val()},function(data){
	    				
	    				var Message,clazz;
	    				if(data=="true"){
	    					
	    					Message = ' ✔用户名唯一，可以注册';
	    					clazz = 'reg_accept';
	    					
	    				}else{
	    					
	    					Message = '✗用户名已存在，请更换';
	    					clazz = 'reg_error';
	    					
	    				}
	    				$('<span></span>')
    		    		.text(Message)
    		    		.addClass('reg_msg')
    		    		.addClass(clazz)
    		    		.insertAfter(that);
	    				
	    				
	    			});
	    			
	    		}
	    		if($input.attr('id')=='email_1'){
	    			
	    			var reEmail = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
	    			if(reEmail.test($input.val())){
	    				
	    				console.log('格式正确');
	    				//验证email地址的唯一性
		    			/**验证用户名唯一性*/
		    			$.post('checkemail',{'email':$input.val()},function(data){
		    				
		    				var Message;
		    				var clazz;
		    				if(data=="true"){
		    					
		    					Message = ' ✔电子邮箱地址未注册可以使用';
		    					clazz = 'reg_accept';
		    					
		    				}else{
		    					
		    					Message = '✗电子邮箱地址以注册，请更换';
		    					clazz = 'reg_error';
		    					
		    				}
		    				$('<span></span>')
	    		    		.text(Message)
	    		    		.addClass('reg_msg')
	    		    		.addClass(clazz)
	    		    		.insertAfter(that);
		    				
		    				
		    			});
	    				
	    			}else{
	    				
	    				var Message = ' ✗email格式错误，如xxx@gmail.com';
    					$('<span></span>')
    		    		.text(Message)
    		    		.addClass('reg_msg')
    		    		.addClass('reg_error')
    		    		.insertAfter(that);
    					
	    			}
	    			
	    			
	    			
	    		}
	    		if($input.attr('id')=='password_2'){
	    			
	    			var Message;
	    			var clazz;
	    			
	    			if($('#password_1').val()==$input.attr('value')){
	    				
	    				Message = ' ✔正确';
	    				clazz = 'reg_accept';
	    				
	    			}else{
	    				
	    				Message = ' ✗密码不一致';
	    				clazz = 'reg_error';
	    				
	    			}
	    			$('<span></span>')
		    		.text(Message)
		    		.addClass('reg_msg')
		    		.addClass(clazz)
		    		.insertAfter(that);
	    			
	    		}
	    		
	    	}
	    	
	    });
	    
	    $(document).ajaxStart(function(){
	    	
	    	$('#ajax_loading').show();
	    	
	    })
	    .ajaxStop(function(){
	    	
	    	$('#ajax_loading').hide();
	    	
	    });
	    
	    
		
		
	});
	
	